<template>
	<view>
		<view class="top">
			<image src="/static/images/fh.png" mode="" @click="three" class="top_imageaa"></image>
			<image src="/static/images/nf.jpg" mode="" class="top_imageab"></image>
		</view>
		<view class="jifen">
			<view class="jifen_one">
				积分<span>90</span>优惠价
			</view>
			<view class="jifen_two">
				<s><span class="jifen_twos">原价：￥130</span> </s>| 
				<span class="jifen_twot">已售：6件</span>
			</view>
		</view><!-- jifen -->
		<view class="menu_one">
			<view class="">
				小U暖风机
			</view>
			<view class="menu_ones">
				即开即热，一秒速热
			</view>
		</view><!-- menu_one -->
		<view class="menu_two">
			<span>规格</span>
			请选择规格
			
		</view><!-- menu_two -->
		<view class="menu_three">
			<image src="/static/images/commission/commission_icon6.png" mode=""></image>
			<span>保障</span>
			7天包换
			
		</view><!--menu_three  -->
		<view class="menu_four">
			<image src="/static/images/ijd.png" mode=""></image>
			<span>发货地</span>
			广东省深圳市
		</view><!-- menu_four -->
		<view class="menu_five">
			商品详情
		</view><!-- menu_five -->
		<view class="bottom">
			<dl>
				<dt><image src="/static/images/tabbar/tabbar_home1.png" mode=""></image></dt>
				<dd>首页</dd>
			</dl>
			<dl>
				<dt><image src="/static/images/detail/detail_favorite.png" mode=""></image></dt>
				<dd>收藏</dd>
			</dl>
			<view class="liji">
				立即兑换
			</view>	<!-- liji -->
		</view><!-- bottom -->
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				
				
			}
		},
		onLoad() {
	
		},
		methods: {
			three() {
				//        
				uni.switchTab({
					url: 'cart'
				})
			}
		},
	}
	
	
</script>

<style lang="scss">
	.top{
		position: relative;
		.top_imageaa{
			width:40rpx;
			height:40rpx;
			position: absolute;
			top:50rpx;
			left: 10px;
			z-index:99;
		}
		.top_imageab{
			margin-bottom:10rpx;
			width:100%;
		}
	}
	.jifen{
		  background-image: linear-gradient(to #F1BD74, #E59F5A );
		  color: white;
		  text-indent: 15rpx;
		  line-height: 80rpx;
		  .jifen_one{
			  span{
				  font-size:40rpx;
				  margin: 10rpx;
			  }
		  }
		  .jifen_two{
			  .jifen_twos{
				  margin-right: 30rpx;
				  
			  }
			  .jifen_twot{
				  margin-left: 30rpx;
			  }
		  }
	}
	.menu_one{
		line-height: 70rpx;
		text-indent: 15rpx;
		border-bottom:7rpx solid #F6F6F6;
		.menu_ones{
			color: #A18337;
			margin-bottom:20rpx;
			font-size:28rpx;
		}
	}
	.menu_two{
		border-bottom:7rpx solid #F6F6F6;
		line-height: 90rpx;
		text-indent: 15rpx;
		span{
			font-weight: 700;
			color: #5A5A5A;
			margin-right:30rpx;
		}
	}
	.menu_three{
		border-bottom:7rpx solid #F6F6F6;
		line-height: 70rpx;
		span{
			font-weight: 700;
			color: #5A5A5A;
			margin-right:30rpx;
		}
		image{
			width:70rpx;
			height:70rpx;
			vertical-align: middle;
			margin-right:20rpx;
		}
	}
	.menu_four{
		border-bottom:7rpx solid #F6F6F6;
		line-height: 70rpx;
		span{
			font-weight: 700;
			color: #5A5A5A;
			margin-right:30rpx;
		}
		image{
			width:50rpx;
			height:50rpx;
			vertical-align: middle;
			margin-left:15rpx;
			margin-right:30rpx;
		}
	}
	.menu_five{
		font-size: 700;
		text-align: center;
		border-bottom:1px solid #E0E0E0;
		line-height: 90rpx;
	}
	.bottom{
		position: fixed;bottom: 0rpx;
		border:1px solid #C0C0C0;
		display: flex;
		width:100%;
		justify-content: space-between;
		dl{
			margin-top:10rpx;
			width:20%;
			text-align: center;
			dt{
				
				image{
					width:60rpx;
					height:60rpx;
				}
			}
		}
			
		.liji{
			width:30%;
			background:linear-gradient(to right,#FD7543,#F7A453);
			border-radius: 30rpx;
			text-align: center;
			color: white;
			height:60rpx;
			line-height: 60rpx;
			margin-top: 30rpx;
			margin-right:15rpx;
			
		}
	}
	
	
	
	
</style>
